import React, { Component } from 'react'
import img1 from './imgs/1.jpg'
import img2 from './imgs/2.jpg'
import img3 from './imgs/3.jpg'
import img4 from './imgs/4.jpg'

let style={
    imgsDiv:{
        'width':'300px',
        'height':'200px',
        // 'margin':'auto',
        'display':'inline-block',
    },
    img:{
        'width':'300px',
        'height':'200px',
    },
}

let imgArr=[
    {
        src:img1,
    },
    {
        src:img2,
    },
    {
        src:img3,
    },
    {
        src:img4,
    },
]

class FirstComm extends Component {
    constructor(props) {
        super(props)
        this.state = {
            
        }
    }
    render() {
        return <div className="App">
            {imgArr.map((imgs, i) => <div className='imgsDiv' key={i} style={style.imgsDiv}>
                <img className="imgs" src={imgs.src} alt="233" style={style.img} />
            </div>)}
        </div>
    }
}

export default FirstComm